<!DOCTYPE html>
<html lang="zh"> 
<head>
	<meta charset="utf-8">
	{% block keyword %}
		<meta content="" name="Keywords" /> 
	{% endblock %}
	
	{% import 'macros.html' as mymacros %}
	
	<title>{% block title %}雅菡珠宝{% endblock %}{% block subtitle %} - 首页{% endblock %}</title>
	<link rel="shortcut icon" type="image/ico" href="{{url_for('static', filename='favicon.ico')}}"/> 
	<!-- <link href="{{url_for('static', filename='css/bootstrap.ubuntu.min.css')}}" rel="stylesheet" type="text/css" /> -->
	<link href="{{url_for('static', filename='css/bootstrap.min.css')}}" rel="stylesheet" type="text/css" />
	<link href="{{url_for('static', filename='css/datepicker.css')}}" rel="stylesheet" type="text/css" />
	<link href="{{url_for('static', filename='css/colorbox.css')}}" rel="stylesheet" type="text/css" />
	<link href="{{url_for('static', filename='css/customize/common.css')}}" rel="stylesheet" type="text/css" />
	{% block extCSS %}{% endblock %}
				
	<script src="{{url_for('static', filename='js/jquery-1.8.3.min.js')}}" type="text/javascript"></script>
	<script src="{{url_for('static', filename='js/bootstrap.min.js')}}" type="text/javascript"></script>
	<script src="{{url_for('static', filename='js/bootstrap-datepicker.js')}}" type="text/javascript"></script>
	<script src="{{url_for('static', filename='js/bootstrap-datepicker.zh-CN.js')}}" type="text/javascript"></script>
	<script src="{{url_for('static', filename='js/numeric.js')}}" type="text/javascript"></script>
	<script src="{{url_for('static', filename='js/jquery.colorbox-min.js')}}" type="text/javascript"></script>
	
	<script src="{{url_for('static', filename='js/customize/init.js')}}" type="text/javascript"></script>
	<script src="{{url_for('static', filename='js/customize/common.js')}}" type="text/javascript"></script>
	<script language="JavaScript" type="text/javascript">
    //<![CDATA[
        $(document).ready(function(){
            $('.datepicker').datepicker({
                format: 'yyyy-mm-dd',
                language : 'zh-CN'
            });
            
            $(".num").numeric();
            
            $(".colorbox").colorbox();
        });
    //]]>
   </script>
	{% block extJS %}{% endblock %}
</head>

<body>
    {% block container %}
	   <!-- header begin -->
    	{% block header %}
    	    {% include 'header.html' %}
    	{% endblock %} 
    	<!-- header end -->
    	
    	<!-- message begin -->
    	<div class="container msgdiv">
    	{% for category,message in get_flashed_messages(with_categories=true) %}
            {% if category == MESSAGE_INFO %}
                <div class="alert alert-success">
                  <button type="button" class="close" data-dismiss="alert">&times;</button>
                  <strong>提示!</strong>&nbsp;&nbsp;{{message}}
                </div>
            {% elif category == MESSAGE_ERROR %}
                <div class="alert alert-error">
                  <button type="button" class="close" data-dismiss="alert">&times;</button>
                  <strong>警告!</strong>&nbsp;&nbsp;{{message}}
                </div>
            {% endif %}
        {% endfor %}
        </div>
    	<!-- message end -->
    	
	    <!-- main begin -->
    	{% block  main %}
    	   <!-- Main Content Here -->
    	   {% endblock %}
	    <!-- main end -->
    	
	    <!-- footer begin -->
    	{% block footer %}
    	   {% include 'footer.html' %}
    	{% endblock %}
	    <!-- footer end -->
    	
    {% endblock %}
</body>
</html>